<template>
    <div id="userLayout" class="user-layout-wrapper">
        <div class="container">
            <div class="user-layout-content">
                <div class="main">
                    <div>
                        <div style="text-align: center; margin-bottom: 40px;">
                            <img data-v-007dcf0a="" src="../assets/img/2.png" style="height: 60px;">
                        </div>
                        <form data-v-007dcf0a="" class="user-layout-login ant-form ant-form-horizontal" id="formLogin">
                            <div data-v-007dcf0a="" class="ant-tabs ant-tabs-top ant-tabs-line">
                                <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar"
                                    style="text-align: center; border-bottom: unset;">
                                    <div class="ant-tabs-nav-container">
                                        <div class="ant-tabs-nav-wrap">
                                            <div class="ant-tabs-nav-scroll">
                                                <div class="ant-tabs-nav ant-tabs-nav-animated">
                                                    <div>
                                                        <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">账户密码登录</div>
                                                    </div>
                                                    <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px, 0px, 0px); width: 116px;">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
                                <div class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content" style="margin-left: 0%;">
                                    <div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
                                        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;">
                                        </div>
                                        <el-input v-model="input4" placeholder="Type something">
                                            <template #prefix>
                                                <el-icon style="font-size:16px"><User /></el-icon>
                                            </template>
                                        </el-input>
                                        <div tabindex="0" role="presentation"
                                            style="width: 0px; height: 0px; overflow: hidden; position: absolute;">
                                        </div>
                                    </div>
                                    <div data-v-007dcf0a="" role="tabpanel" aria-hidden="true"
                                        class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
                                </div>
                                <div tabindex="0" role="presentation"
                                    style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
                            </div>
                            <div data-v-007dcf0a="" class="ant-row ant-form-item">
                                <div class="ant-col ant-form-item-control-wrapper">
                                    <div class="ant-form-item-control"><span class="ant-form-item-children"><span
                                                data-v-007dcf0a="">还没有账号？</span><a data-v-007dcf0a=""
                                                href="#/user/register" class="register">注册账户</a><a data-v-007dcf0a=""
                                                href="#/user/recover" class="forge-password"
                                                style="float: right;">忘记密码</a></span><!----></div>
                                </div>
                            </div>
                            <div data-v-007dcf0a="" class="ant-row ant-form-item" style="margin-top: 24px;">
                                <div class="ant-col ant-form-item-control-wrapper">
                                    <div class="ant-form-item-control"><span class="ant-form-item-children"><button
                                                data-v-007dcf0a="" type="submit"
                                                class="login-button ant-btn ant-btn-primary ant-btn-lg"><span>立即登陆</span></button><button
                                                data-v-007dcf0a="" type="button"
                                                class="login-button ant-btn ant-btn-link"
                                                style="color: rgb(51, 51, 51);"><span>返回</span></button></span><!---->
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
import { ElMessage } from "element-plus";
import { useRouter } from "vue-router";
import axios from 'axios'
import '../assets/base.css'
import { ref } from 'vue'
import { User, Search } from '@element-plus/icons-vue'

const input4 = ref('')

const router = useRouter()

function loginHandler() {
    console.log("login...");
    axios.post('api/manage/api/get_user_by_mobile', {
        mobile: '1001',
        password: '123'
    })
        .then(response => {
            console.log(response.data)
        })
        .catch(error => {
            console.log(error)
        })
    ElMessage.success("Hello");
    router.replace('/home');
}

</script>